<template>
	<view>
		<u-navbar class="navbar" :border-bottom="false" :title="title" :title-size="36" :title-bold="true" :title-color="textColor">
		</u-navbar>
		<view class="box-padding-col">
			<view class="item" v-for="(item, index) in list" :key="index" :style="{border: index+1 == list.length ? 'none': ''}">
				<text class="text-bold">{{ item.dizhi }}</text>
				<view class="u-flex u-m-t-30">
					<image src="/static/logo.png" style="width: 100rpx;height: 100rpx;border-radius: 10rpx;" mode=""></image>
					<view class="u-m-l-20 u-flex-col u-row-around u-flex-1" style="height: 100rpx;">
						<text class="u-font-28">订单号：{{ item.danhao }}</text>
						<view class="u-flex u-row-between" >
							<text class="u-font-24 grey-color">{{ item.time }}</text>
							<text class="u-font-26 badge-color">{{ item.zhuangtai }}</text>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		onLoad(options) {
			if (options.type == 1) {
				this.title = '订单提醒'
			} else {
				this.title = '超时提醒'
			}
		},
		data() {
			return {
				title: '',
				list: [
					{
						dizhi: '北京市朝阳区高碑店',
						danhao: '2041598991046046053',
						time: '2020-08-31 16:34',
						zhuangtai: '待付款'
					},
					{
						dizhi: '北京市朝阳区高碑店',
						danhao: '2041598991046046053',
						time: '2020-08-31 16:34',
						zhuangtai: '待付款'
					},
					{
						dizhi: '北京市朝阳区高碑店',
						danhao: '2041598991046046053',
						time: '2020-08-31 16:34',
						zhuangtai: '待付款'
					},
					{
						dizhi: '北京市朝阳区高碑店',
						danhao: '2041598991046046053',
						time: '2020-08-31 16:34',
						zhuangtai: '待付款'
					}
				]
			}
		}
	}
</script>

<style>
	page {
		background-color: #fff;
	}
</style>
<style lang="scss" scoped>
	.item {
		border-bottom: 2rpx solid #F3F3F3;
		margin-top: 30rpx;
		margin-bottom: 30rpx;
		padding-bottom: 30rpx;
	}
</style>

